<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>点名</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-touch-fullscreen" content="yes">
    <link rel="stylesheet" href="../../css/public.css">
    <link rel="stylesheet" href="../../css/index-shouye.css">
    <link rel="stylesheet" href="../../css/xs-zhuye.css">
    <link rel="stylesheet" href="../../css/public-students.css">
    <script src="../../common/jquery-1.10.2.min.js"></script>
    <script src="../../common/common.js"></script>
</head>
<body>
<!--返回导航页面S-->
<div class="index-nav">
    <div class="index-nav-box">
        <ul>
            <li class="index-nav-box-el">
                    <span class="index-nav-box-cl">
                        <img class="icon-left" src="../../img/icon-zj.png" alt="">
                        返回
                    </span>
            </li>
            <li>
                <span class="index-nav-box-tl">点名</span>
            </li>
            <li></li>
        </ul>
    </div>
    <div class="index-examination ">
        <ul>
            <li>
                <div class="kao_intro">
                    <span  class="examination-color-fs">A班级<em>30人</em></span><br>
                    <span  class="examination-color-el">课程：素描</span>
                    <span  class="examination-color-el">班型：小班</span>
                    <span  class="examination-color-el">省份：江苏</span><br>
                    <span class="examination-color-el">上课地址：地址内容补充地址内容补充</span> <br>
                </div>
            </li>
        </ul>
    </div>
    <div class="jilu_list">
        <ul class="juli_list_ul">
            <li class="clear">
                <span class="jilu_name">学生姓名</span>
                <span class="jilu_number">203090839</span>
                <span class="jilu_qingjia">请假</span>
                <span class="all_school" style=" position: relative;float:right;">正常
                    <em class="school_open"></em>
                    <div class="school_range" style="display: none;top:1rem">
                        <i>迟到</i>
                        <i>迟到</i>
                        <i>迟到</i>
                    </div>
                </span>
            </li>
            <li class="clear">
                <span class="jilu_name">学生姓名</span>
                <span class="jilu_number">203090839</span>
                <span class="jilu_qingjia">请假</span>
                <span class="all_school" style=" position: relative;float:right;">正常
                    <em class="school_open"></em>
                    <div class="school_range" style="display: none;top:1rem">
                        <i>迟到</i>
                        <i>迟到</i>
                        <i>迟到</i>
                    </div>
                </span>
            </li>
        </ul>

    </div>
    <div class="dian_box">
        <a href="#" class="dianming_btn">点名完成</a>
    </div>
</div>
<!--返回导航页面E-->
<script>
    $(function(){
        $('body').on('click' , '.all_school' , function(){
            if($(this).find('.school_range').is(':hidden')){
                $(this).find('.school_open').addClass('school_open_cur');
                $(this).find('.school_range').show();
            }else{
                $(this).find('.school_open').removeClass('school_open_cur');
                $(this).find('.school_range').hide();
            }

        })
    })
</script>






</body>
</html>
